// 注册全局指令 指令在定义的时候不加v- 如果指令使用的时候是这样的 v-img-error ,指令定义的时候是驼峰名称 imgError
// Vue.directive('指令名', 配置对象)
export const imgerror = {
  inserted(el, binding) { // el表示的是使用这个指令的dom元素
    console.log(binding.value) // binding是一个对象,这个对象中包含了指令一些属性 value就是指令的值
    // 图片加载失败后, 再去给用户设置默认头像
    el.onerror = function() { // onerror 当图片加载失败的时候会触发这个方法
      // console.log('图片失败l')
      // 'https://img2.baidu.com/it/u=2118599815,572770846&fm=26&fmt=auto&gp=0.jpg'
      el.src = binding.value || 'https://img2.baidu.com/it/u=2118599815,572770846&fm=26&fmt=auto&gp=0.jpg'
    }
  }
}
export const red = {
  inserted(el) {
    el.style.color = 'red'
  }
}
export const yellow = {
  inserted(el) {
    el.style.color = 'yellow'
  }
}

